<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery.danmu.js"></script>
</head>

<body>

<h1>11123</h1>

<a id="dianji">点击播放</a>


<div id="danmu">
    <video width="720" height="400" controls >
        <source src="../test.mp4">
    </video>
</div>

</body>


<script type="text/javascript" >

    $("#danmu").danmu("addDanmu",[
        {
            color: "yellow",
            size: "1",
            text: "asda",
            position: "1",
            time: 20
        },
        {
            color: "red",
            size: "1",
            text: "asdas",
            position: "0",
            time: 50
        },
        {
            color: "red",
            size: "1",
            text: "232423",
            position: "2",
            time: 100
        }
    ]);

    $('#danmu').danmu('danmuStart');

</script>

</html>